export const basicUsage = `
import {PhTab,PhTabPanel} from 'phoeon'
interface Tab{
    current:{
        type:Number,
        default:0 //当前的活动panel下标索引
    }
}
interface TabPanel{
    title:{type:String,default:''},
    icon:{type:String}
}
`;
export const script = `import { defineComponent } from 'vue'
import {PhTab,PhTabPanel} from 'phoeon'
export default defineComponent({
    components:{
        PhTab,PhTabPanel
    }
})`;
export const template = `<ph-tab>
    <ph-tab-panel icon="chrome" title="template">
        <ph-pretty>{{template}}</ph-pretty>
    </ph-tab-panel>
    <ph-tab-panel icon="firefox" title="script">
        <ph-pretty>{{script}}</ph-pretty>
    </ph-tab-panel>
    <ph-tab-panel icon="safari" title="基本介绍">
        <ph-pretty>{{basicUsage}}</ph-pretty>
    </ph-tab-panel>
</ph-tab>`;
